import Vue from 'vue'
import App from './09.商品案列/App.vue'

// import HmButton from './components/Hm-button.vue'

Vue.config.productionTip = false
//全局组件注册
//Vue.component(组件名称，要使用的组件)这个函数接受两个参数
//这个方法注册一次函数只能注册一个组件
// Vue.component('HmButton',HmButton)

Vue.directive('focus', {
  inserted (el) {
    el.focus()
  }
})

Vue.directive('select', {
  inserted(el) {
    el.select()
  },
})

Vue.directive('color', {
  //接收的参数除了el以外还有一个binding
  //binding就是使用指令的时候传的参数
  inserted (el, binding) {
    console.log(binding);
    el.style.color='lawngreen'
    el.style.color=binding.value
  },
  // update 传参的值更新的时候会触发这个函数
  update(el,binding) {
    console.log(binding)
    console.log('我是update,被触发了');
    el.style.color=binding.value
  },
})

new Vue({
  render: h => h(App),
}).$mount('#app')
